<div class="form-group customization-script">
  <label>
    <span translate>Customization Script</span>
    <span class="script-modified"
          ng-show="scriptModified"
          translate>
      (Modified)</span>
  </label>
  <span class="size-indicator pull-right clearfix"
        ng-class="{warning: scriptLength >= config.MAX_SCRIPT_SIZE}">
    <span class="invalid fa fa-exclamation-triangle"
          popover="{$ ::config.label.scriptSizeHoverWarningMsg $}"
          popover-placement="top"
          popover-append-to-body="true"
          popover-trigger="hover">
    </span>
    <span translate>Script size</span>
    {$ (scriptLength || 0) | number $}
    <span translate>bytes</span>
    <span translate>(Max: 16Kb)</span>
  </span>
  <textarea class="form-control"
            name="customization-script"
            ng-maxlength="config.MAX_SCRIPT_SIZE"
            ng-model="textContent">
  </textarea>
</div>

<div class="form-group script-file" ng-show="config.fileApiSupported">
  <span class="file-input btn btn-primary btn-file">
    <span class="fa fa-upload"></span>
    <span translate>Load script from a file</span>
    <input type="file">
  </span>
</div>
